<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content="东方驿站公司介绍,东方驿站公司简介,东方驿站是什么公司,东方驿站发展历程,东方驿站核心团队">
    <meta name="description" content="东方驿站，是中国南山集团旗下智慧物流科技企业，致力于通过互联网＋物联网+区块链应用技术，打造中国最大的智慧化物流资产交易与管理服务平台，为社会及运输行业提供标准化、智能化、数字化、可视化的智能装备（挂箱、轮胎等）、智能场站与资产可视化管理服务，让资产创造价值，引领高效、绿色物流">
    <title>东方驿站公司介绍</title>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon" />
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="pages/introduce/introduce.css">
    <script src="lib/bluebird.min.js"></script>
    <script type="text/javascript">
        function isIE() {
            if (!!window.ActiveXObject || "ActiveXObject" in window) {
                    return true;
                } else {
                    return false;
            }
        }
        if (isIE()) {
            var script = document.createElement('script');
            script.type = 'text/javaScript';
            script.src = 'lib/bluebird.min.js';  // bluebird 文件地址
            document.getElementsByTagName('head')[0].appendChild(script);
        }
    </script>
</head>

<body>
<div id="app">
    <div class="common-container">
        <!-- 头部 -->
        <div class="header-load"></div>
        <!--主体内容-->
        <div class="common-main">
            <div class="trade-div-bg">
                <img src="img/about/introduce/企业介绍_背景.png" alt="" />
                <div class="trade-div-body flexRow">
                    <div class="trade-div-cont flexCol">
                        <div class="trade-box-oneTitle">企业介绍</div>
                        <div class="trade-box-oneLine"></div>
                        <div class="assets-box-oneFont flexRow">
                            <div class="service-item" :class="{'active': serviceTab == 'introlduce'}" @click="tabService('introlduce')">企业简介</div>
                            <div class="service-item" :class="{'active': serviceTab == 'back'}" @click="tabService('back')">企业背景</div>
                            <div class="service-item" :class="{'active': serviceTab == 'advantage'}" @click="tabService('advantage')">企业优势</div>
                            <div class="service-item" :class="{'active': serviceTab == 'course'}" @click="tabService('course')">企业历程</div>
                            <div class="service-item" :class="{'active': serviceTab == 'honor'}" @click="tabService('honor')">企业荣誉</div>
                            <div class="service-item" :class="{'active': serviceTab == 'team'}" @click="tabService('team')">核心团队</div>
                        </div>
                    </div>
                </div>
            </div>
            <template v-if="serviceTab == 'introlduce' || serviceTab == 'back' || serviceTab == 'advantage'">
                <div class="introduce-body flexCol">
                    <!--企业简介-->
                    <div class="introduce-head flexRow">
                        <template v-if="defaultTab == '企业简介'">
                            <div class="introduce-body-left flexRow">
                                <div class="introduce-head-left flexCol">
                                    <div class="introduce-head-leftItem introduce-head-leftItem1">
                                        <div class="introduce-head-10 flexRow">
                                            <img src="img/about/introduce/10.png" alt="">
                                            <img src="img/about/introduce/亿.png" alt="">
                                            <img src="img/about/introduce/add.png" alt="">
                                        </div>
                                        <p>平台资产规模超10亿</p>
                                    </div>
                                    <div class="introduce-head-leftItem">
                                        <img src="img/about/introduce/企业简介_超1300+.png" alt="">
                                        <p>全国场站及服务网点超过1300+</p>
                                    </div>
                                </div>
                                <div class="introduce-head-right flexCol">
                                    <div class="introduce-head-title">企业简介</div>
                                    <div class="introduce-head-Line"></div>
                                    <div class="introduce-head-cont">
                                        <div class="introduce-head-contItem">东方驿站，是中国南山集团旗下智慧物流科技企业，致力于通过互联网＋物联网+区块链应用技术，打造中国最大的智慧化物流资产交易与管理服务平台，为社会及运输行业提供标准化、智能化、数字化、可视化的智能装备、智能场站与资产可视化管理服务，让资产创造价值，引领高效、绿色物流。</div>
                                        <div class="introduce-head-contItem introduce-head-contItem2">作为物流行业最大的资产交易服务平台，平台资产规模超10亿，东方驿站是首家运用区块链, IOT设备服务，链接上下游IOT场景数据、交易数据等，实现挂车数据化，可视化的智能化管理，为客户提供个性化定制超级挂车服务。同时，依托管理团队强大的项目创新能力和丰富的物流运营经验，打造全国化服务网络布局和增值服务市场，建立挂车全生命周期生态管理体系与后市场服务，目前全国场站及服务网点超过1300+，覆盖全国各大中心区域。</div>
                                        <div class="introduce-head-contItem">未来，东方驿站将基于海量的平台交易与场景数据，运用云计算技术和大数据分析技术，携手物流行业，金融行业，科技行业等全领域合作伙伴，打造全生态的智慧化资产服务体系，为广大客户提供更周到，更贴心的资产交易、资产管理、大数据应用及全国网络化服务，不断加速物流行业发展、提升行业整体效率。</div>
                                    </div>
                                </div>
                            </div>
                        </template>
                        <template v-if="defaultTab == '企业背景'">
                            <div class="introduce-body-leftNoBg flexRow">
                                <div class="introduce-head2 flexCol">
                                    <div class="introduce-head-title">企业背景</div>
                                    <div class="introduce-head-Line"></div>
                                    <div class="introduce-head-cont">
                                        <img src="img/about/introduce/企业背景.png" alt="" />
                                    </div>
                                </div>
                            </div>
                        </template>
                        <template v-if="defaultTab == '企业优势'">
                            <div class="introduce-body-left flexRow">
                                <div class="introduce-head2 flexCol">
                                    <div class="introduce-head-title">企业优势</div>
                                    <div class="introduce-head-Line"></div>
                                    <div class="introduce-head3-cont introduce-head3-cont1 flexRow">
                                        <div class="head3-cont-wrap flexRow">
                                            <img src="img/about/introduce/优势_规模化.png" alt="">
                                            <div class="head3-cont-item flexCol">
                                                <p class="head3-cont1">规模化</p>
                                                <p class="head3-cont2">资产投放率第一、市场占有率排名第一、资产管理规模第一</p>
                                            </div>
                                        </div>
                                        <div class="head3-cont-wrap flexRow">
                                            <img src="img/about/introduce/优势-平台化.png" alt="">
                                            <div class="head3-cont-item flexCol">
                                                <p class="head3-cont1">平台化</p>
                                                <p class="head3-cont2">六大服务体系、满足一站式综合需求、资产生态化构建和经营</p>
                                            </div>
                                        </div>
                                        <div class="head3-cont-wrap flexRow">
                                            <img src="img/about/introduce/优势-智能化.png" alt="">
                                            <div class="head3-cont-item flexCol">
                                                <p class="head3-cont1">智能化</p>
                                                <p class="head3-cont2">互联网+物联网+区块链技术应用、智能化资产管理、透明化及可视化交易</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="introduce-head3-cont flexRow">
                                        <div class="head3-cont-wrap flexRow">
                                            <img src="img/about/introduce/优势-网络化.png" alt="">
                                            <div class="head3-cont-item flexCol">
                                                <p class="head3-cont1">网络化</p>
                                                <p class="head3-cont2">全国网络化布局、覆盖装备生命周期、降低装备运营管理成本和风险</p>
                                            </div>
                                        </div>
                                        <div class="head3-cont-wrap flexRow">
                                            <img src="img/about/introduce/优势-专业化.png" alt="">
                                            <div class="head3-cont-item flexCol">
                                                <p class="head3-cont1">专业化</p>
                                                <p class="head3-cont2">国家行业标准的引导者、30余年的运营管理经验、强大的资源整合能力</p>
                                            </div>
                                        </div>
                                        <div class="head3-cont-wrap flexRow">
                                            <img src="img/about/introduce/优势-多样化.png" alt="">
                                            <div class="head3-cont-item flexCol">
                                                <p class="head3-cont1">多样化</p>
                                                <p class="head3-cont2">全型号/标准化海量运输装备、任意型号/时间/节点、灵活租赁/换车/还车服务</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </template>
                        <template v-if="classBg">
                            <div class="introduce-body-right flexCol" :class="[classBg]">
                                <div class="introduce-body-title introduce-body-title1" :class="{'active': defaultTab == '企业简介'}" @click="tabIntroduce('企业简介')"><span>企业简介</span></div>
                                <div class="introduce-body-title introduce-body-title2" :class="{'active': defaultTab == '企业背景'}" @click="tabIntroduce('企业背景')"><span>企业背景</span></div>
                                <div class="introduce-body-title introduce-body-title3" :class="{'active': defaultTab == '企业优势'}" @click="tabIntroduce('企业优势')"><span>企业优势</span></div>
                            </div>
                        </template>
                    </div>
                </div>
            </template>
            <!--企业历程-->
            <tempalte v-if="serviceTab == 'course'">
                <div class="introduce-main flexCol">
                    <div class="introduce-head-title">企业历程</div>
                    <div class="introduce-head-Line"></div>
                    <div class="introduce-body-benner flexCol">
                        <div class="course-tab flexRow">
                            <div v-for="item,index in yearList" class="course-tab-item flexCol" :class="{'active': activeYearNum == index}" @click="clickYear(index, item)">
                                <div class="course-year" v-text="item"></div>
                                <div class="course-line"></div>
                            </div>
                            <!--<div class="course-tab-item active flexCol">
                                <div class="course-year">2016</div>
                                <div class="course-line"></div>
                            </div>
                            <div class="course-tab-item flexCol">
                                <div class="course-year">2017</div>
                                <div class="course-line"></div>
                            </div>
                            <div class="course-tab-item flexCol">
                                <div class="course-year">2018</div>
                                <div class="course-line"></div>
                            </div>
                            <div class="course-tab-item flexCol">
                                <div class="course-year">2019</div>
                                <div class="course-line"></div>
                            </div>-->
                        </div>
                        <div class="course-news-wrap flexCol">
                            <div class="course-news-head" v-text="yearList[activeYearNum]"></div>
                            <div class="course-news-bodyWrap">
                                <div class="course-news-body flexCol">
                                    <div class="course-news-item flexRow" v-for="item,index in yearContList[yearList[activeYearNum]]" :class="{'active': newsIndex == index}" @click="viewNews(index)" >
                                        <div class="course-news-time" v-text="item.time"></div>
                                        <div class="course-news-info" v-text="item.content"></div>
                                    </div>
                                    <!-- <div class="course-news-item flexRow">
                                         <div class="course-news-time">5月</div>
                                         <div class="course-news-info">东方驿站武汉场站正式启用</div>
                                     </div>
                                     <div class="course-news-item flexRow">
                                         <div class="course-news-time">6月</div>
                                         <div class="course-news-info">挂车互换试点完毕，东方驿站正式成为百世集团挂箱资产战略合作方</div>
                                     </div>
                                     <div class="course-news-item flexRow">
                                         <div class="course-news-time">7月15日</div>
                                         <div class="course-news-info">东方驿站与盛丰集团达成战略合作并交付定制轻量化全铝挂箱</div>
                                     </div>
                                     <div class="course-news-item flexRow">
                                         <div class="course-news-time">8月</div>
                                         <div class="course-news-info">东方驿站湖北、泉港场站正式挂牌</div>
                                     </div>
                                     <div class="course-news-item flexRow">
                                         <div class="course-news-time">11月</div>
                                         <div class="course-news-info">达成单月交付220台记录</div>
                                     </div>
                                     <div class="course-news-item flexRow">
                                         <div class="course-news-time">12月</div>
                                         <div class="course-news-info">东方驿站商业模式获得交通部、各地道路运输主管部门认可</div>
                                     </div>
                                     <div class="course-news-item flexRow">
                                         <div class="course-news-time">12月</div>
                                         <div class="course-news-info">智能挂车项目开始实施</div>
                                     </div>-->
                                </div>
                            </div>
                        </div>
                        <!--新闻配图-->
                        <div class="new-Img-wrap flexRow">
                            <template v-for="item,index in yearContList[yearList[activeYearNum]]">
                                <div class="new-img-item" v-if="index == newsIndex || index == (newsIndex + 1)">
                                    <img :src="item.imgUrl" alt="">
                                    <!--<div>{{item.content}}</div>-->
                                </div>
                            </template>
                        </div>
                        <!--轮播按钮-->
                        <div class="news-btn-wrap flexRow">
                            <div class="btn-left btn-news" @click="prevNews"></div>
                            <div class="btn-right btn-news"  @click="nextNews"></div>
                        </div>
                    </div>
                </div>
            </tempalte>
            <!--企业荣誉-->
            <template v-if="serviceTab == 'honor'">
                <div class="introduce-honor flexCol">
                    <div class="introduce-head-title">企业荣誉</div>
                    <div class="introduce-head-Line"></div>
                    <div class="honor-wrap flexRow">
                        <div class="honor-year">2019</div>
                        <div class="honor-right flexCol">
                            <div class="honor-right-line"></div>
                            <div class="honor-itemWrap flexRow">
                                <div class="honor-item">
                                    <img src="img/about/introduce/20190712.JPG" alt="" />
                                    <p class="honor-time">2019年7月12日</p>
                                    <p class="honor-info">东方驿站获中国物流与采购联合会颁予“2019年区块链创新应用优秀案例”</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="honor-wrap flexRow">
                        <div class="honor-year">2018</div>
                        <div class="honor-right flexCol">
                            <div class="honor-right-line"></div>
                            <div class="honor-itemWrap flexRow">
                                <div class="honor-item">
                                    <img src="img/about/introduce/20180126.jpg" alt="" />
                                    <p class="honor-time">2018年1月26日 </p>
                                    <p class="honor-info">东方驿站获评中国公路货运行业“金运奖“年度创新案例奖</p>
                                </div>
                                <div class="honor-item">
                                    <img src="img/about/introduce/201812.jpg" alt="" />
                                    <p class="honor-time">2018年12月</p>
                                    <p class="honor-info">东方驿站被中国物流与采购联合会公路货运分会评为“副会长单位”</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="honor-wrap flexRow">
                        <div class="honor-year">2017</div>
                        <div class="honor-right flexCol">
                            <div class="honor-right-line"></div>
                            <div class="honor-itemWrap flexRow">
                                <div class="honor-item">
                                    <img src="img/about/introduce/201706-01.jpg" alt="" />
                                    <p class="honor-time">2017年6月</p>
                                    <p class="honor-info">东方驿站荣获2017中国物流信息化十佳应用企业</p>
                                </div>
                                <div class="honor-item">
                                    <img src="img/about/introduce/201706-02.jpg" alt="" />
                                    <p class="honor-time">2017年6月</p>
                                    <p class="honor-info">东方驿站荣获2017年度物流信息平台优秀案例两项大奖</p>
                                </div>
                                <div class="honor-item">
                                    <img src="img/about/introduce/201709.jpg" alt="" />
                                    <p class="honor-time">2017年9月</p>
                                    <p class="honor-info">东方驿站运输装备租售智能电商平台获评中物联科学技术奖“科技进步奖”一等奖</p>
                                </div>
                                <div class="honor-item">
                                    <img src="img/about/introduce/201710-01.jpg" alt="" />
                                    <p class="honor-time">2017年10月</p>
                                    <p class="honor-info">东方驿站获中国(深圳)国际物流与交通运输博览会组委会颁予“创新企业奖”</p>
                                </div>
                                <div class="honor-item">
                                    <img src="img/about/introduce/201710.jpg" alt="" />
                                    <p class="honor-time">2017年10月</p>
                                    <p class="honor-info">东方驿站荣获第六届中国创新创业大赛互联网及移动互联网行业总决赛优秀企业奖</p>
                                </div>
                                <div class="honor-item">
                                    <img src="img/about/introduce/201711.jpg" alt="" />
                                    <p class="honor-time">2017年11月</p>
                                    <p class="honor-info">东方驿站荣获第六届中国创新创业大赛湖北赛区二等奖</p>
                                </div>
                                <div class="honor-item">
                                    <img src="img/about/introduce/201712-01.jpg" alt="" />
                                    <p class="honor-time">2017年12月</p>
                                    <p class="honor-info">东方驿站的运输装备租售智能电商平台荣获2017中国（小谷围）“互联网+交通运输”创新创业大赛最具推广价值奖</p>
                                </div>
                                <div class="honor-item">
                                    <img src="img/about/introduce/201712-02.JPG" alt="" />
                                    <p class="honor-time">2017年12月</p>
                                    <p class="honor-info">东方驿站荣膺2017中国物流业大奖“金飞马”奖智慧物流金奖</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="honor-wrap flexRow">
                        <div class="honor-year">2016</div>
                        <div class="honor-right flexCol">
                            <div class="honor-right-line"></div>
                            <div class="honor-itemWrap flexRow">
                                <div class="honor-item">
                                    <img src="img/about/introduce/201612.jpg" alt="" />
                                    <p class="honor-time">2016年12月</p>
                                    <p class="honor-info">中国（小谷围）“互联网+交通运输”创新创业大赛二等奖“金运奖“年度创新案例奖</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
            <!--核心团队-->
            <tempalte  v-if="serviceTab == 'team'">
                <div class="introduce-team flexCol">
                    <div class="introduce-head-title">核心团队</div>
                    <div class="introduce-head-Line"></div>
                    <div class="team-wrap flexCol">
                        <div class="team-item flexRow">
                            <div class="team-head flexRow">
                                <img src="img/about/introduce/核心团队_陈波.png" alt="" />
                            </div>
                            <div class="team-body flexCol">
                                <div class="team-head-info flexRow">
                                    <p class="team-head-name">陈波</p>
                                    <div class="team-head-font">董事长</div>
                                </div>
                                <ul class="team-unit">
                                    <li>全面负责驿站整体战略与经营决策、重点关注发展战略、行业新机会、新产品等</li>
                                    <li>广东道协副会长、深圳集装箱拖协副会长、华中甩挂运输联盟理事长</li>
                                    <li>具备30年物流行业领域管理经验，业内享有非常高的知名度和影响力</li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-item flexRow">
                            <div class="team-head flexRow">
                                <img src="img/about/introduce/核心团队_王浩莹.png" alt="" />
                            </div>
                            <div class="team-body flexCol">
                                <div class="team-head-info flexRow">
                                    <p class="team-head-name">王浩莹</p>
                                    <div class="team-head-font">董事</div>
                                </div>
                                <ul class="team-unit">
                                    <li>负责驿站资本引入，资源整合，经营决策等</li>
                                    <li>中级物流师，华中甩挂运输联盟秘书长</li>
                                    <li>十年物流行业从业管理经验，擅长企业战略规划，全国首个试点甩挂项目负责人</li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-item flexRow">
                            <div class="team-head flexRow">
                                <img src="img/about/introduce/核心团队_苏猛.png" alt="" />
                            </div>
                            <div class="team-body flexCol">
                                <div class="team-head-info flexRow">
                                    <p class="team-head-name">苏猛</p>
                                    <div class="team-head-font">董事、总经理</div>
                                </div>
                                <ul class="team-unit">
                                    <li>全面负责公司日常管理和运营</li>
                                    <li>华中甩挂运输联盟副秘书长，中物联货运分会副会长，中国首个挂车共享联盟发起人</li>
                                    <li>近10年甩挂运输实践、管理经验，具备非常强的项目创新能力和落地能力</li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-item flexRow">
                            <div class="team-head flexRow">
                                <img src="img/about/introduce/核心团队_汪和明.png" alt="" />
                            </div>
                            <div class="team-body flexCol">
                                <div class="team-head-info flexRow">
                                    <p class="team-head-name">汪和明</p>
                                    <div class="team-head-font">产品中心总经理</div>
                                </div>
                                <ul class="team-unit">
                                    <li>负责公司市场品牌、产品设计、平台运营、研发、技术、联合实验室等</li>
                                    <li>拥有丰富的企业管理经验和平台实施运营经验</li>
                                    <li>擅长互联网平台经营及技术创新研究和应用，曾任职GPC、招商局物流、国家物资储备局、广发银行等</li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-item flexRow">
                            <div class="team-head flexRow">
                                <img src="img/about/introduce/核心团队_余欢.png" alt="" />
                            </div>
                            <div class="team-body flexCol">
                                <div class="team-head-info flexRow">
                                    <p class="team-head-name">余欢</p>
                                    <div class="team-head-font">运营中心总经理</div>
                                </div>
                                <ul class="team-unit">
                                    <li>负责公司的资产运营、车辆运营、全国网络布局、车后市场管理等</li>
                                    <li>高级物流师，十年物流管理经验</li>
                                    <li>擅长物流现场管理，项目设计，曾任职某科技公司COO、可口可乐物流项目分析主管</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </tempalte>

        </div>
        <!-- 底部 -->
        <div class="footer-load"></div>
    </div>
</div>
<script type="text/javascript" data-main="pages/introduce/introduce-require" src="lib/require.js"></script>
</body>

</html>
